<template>
	<view class="_match_schedule" @click="info">
		<view class="_match_address">
			马德里场馆
		</view>
		<view class="text-center f-s-12 u-info">05月12日 12:30</view>
		<view class="_match_team u-flex u-flex-around u-flex-items-center">
			<view class="team-item u-flex u-flex-column u-flex-items-center">
				<view>
					<up-avatar random-bg-color text="马"></up-avatar>
				</view>
				<view class="f-s-14 u-m-t-12  u-line-1  f-w-b">马萨兰琦</view>
			</view>
			<view class="u-flex u-flex-column u-flex-items-center">
				<view class="iconfont f-s-30">&#xe608;</view>
				<view class="u-m-t-12 f-s-12">
					<up-tag text="比赛中" type="warning" plain shape="circle" size="mini"></up-tag>
				</view>
			</view>

			<view class="team-item u-flex u-flex-column u-flex-items-center">
				<view><up-avatar random-bg-color text="萨"></up-avatar></view>
				<view class="f-s-14 u-m-t-12 u-line-1 f-w-b">萨里懒得</view>
			</view>
		</view>
	</view>
	<view class="push-btn" @click="goToPush">
		<image class="_icon" src="/static/icons/push.png"></image>
	</view>
</template>

<script setup>
	function goToPush(){
		uni.navigateTo({
			url:'/subPackages/match/push'
		})
	}
	const info = () => {
		uni.navigateTo({
			url: '/subPackages/match/info'
		})
	}
</script>

<style lang="scss" scoped>
	._match_schedule {
		position: relative;
		padding: 15px 12px;
		border-radius: 12px;
		background-color: #fff;
		box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.10);
		margin-bottom: 15px;

		._match_address {
			position: absolute;
			top: 0;
			left: 0;
			font-size: 10px;
			background-color: #B58D61;
			color: #fff;
			padding: 4px 10px;
			border-radius: 12px 0 12px 0;
		}

		._match_team {
			margin-top: 15px;
			margin-bottom: 5px;

			.team-item {
				width: 100px;
				max-width: 100px;
			}

		}

	}

	
</style>